<template>
  <div class="helloIndex">
    <div class="header">
      <!--<i class="iconfont icon-zyojiantou"></i>-->
      <!--{{smsPostfix}}-->
      <!--浙江省青少年校外教育中心-->
      {{spelName}}
    </div>
    <div class="pickerBox">
      <div class="picker">
        <ul>
          <li>
            <el-cascader
              :options="optionsProvince"
              v-model="selectedOptionsProvince"
              @active-item-change=""
              @change="changeProvinceSelected"
              placeholder="省"
              :show-all-levels="false">
            </el-cascader>
          </li>
          <li>
            <el-cascader
              :options="optionsCity"
              v-model="selectedOptionsCity"
              @change="changeCitySelected"
              placeholder="城市"
              :show-all-levels="false">
            </el-cascader>
          </li>
          <!--<li>专业 <i class="iconfont icon-arrLeft-fill"></i></li>-->
          <!--<li class="endLi">时间段 <i class="iconfont icon-arrLeft-fill"></i></li>-->
        </ul>
      </div>
    </div>
    <!--<div v-show="content.length <= 0" class="notNotice">
      暂无数据
    </div>-->
    <div v-show="optionsOrg.length > 0" class="contentList">
      <div class="listOne" @click="goCourseDetails(contents.value)" v-for="contents in optionsOrg">
        <div class="listOneTop">
          <div class="listOneNameBox"><span class="listOneName">{{contents.label}}</span></div>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="scss" src='./Index.scss'></style>
<script src="./Index.js"></script>


